<template>
	<view class="my-news">
		<headerBar title="我的消息"></headerBar>
		
		<uni-list class="my-news-list" :border="false">
			<!-- 显示圆形头像 -->
			<uni-list-chat :avatar-circle="true" title="交易信息" avatar="../../../static/img/logo.png" note="xxx温馨提示:您刚购买了李海韵的xxx服务,李海韵的xxx服务" time="2020-02-02 20:20" to="./detailed"></uni-list-chat>
			<uni-list-chat :avatar-circle="true" title="系统信息" avatar="../../../static/img/logo.png" note="xxx温馨提示:您刚购买了李海韵的xxx服务,李海韵的xxx服务" time="2020-02-02 20:20" to="./detailed"></uni-list-chat>
			<uni-list-chat :avatar-circle="true" title="小斌斌" avatar="../../../static/img/logo.png" note="xxx温馨提示:您刚购买了李海韵的xxx服务,李海韵的xxx服务" time="2020-02-02 20:20" to="./detailed"></uni-list-chat>
			<uni-list-chat :avatar-circle="true" title="段某斌" avatar="../../../static/img/logo.png" note="xxx温馨提示:您刚购买了李海韵的xxx服务,李海韵的xxx服务" time="2020-02-02 20:20" to="./detailed"></uni-list-chat>
		</uni-list>
		
	</view>
</template>

<script>
	import headerBar from '../../../components/header-bar';
	export default {
		components: {
			headerBar
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #f7f7f7;
	}
	.my-news .my-news-list {
		background-color: #f7f7f7;
	}
	.my-news-list >>> .uni-list-chat {
		margin-top: 20rpx;
	}
</style>
